<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.repo-card {
				width: 95%;
				border-radius: 5px;
				margin: 10px auto;
				background: white;
				padding: 5px;
				
			}
			
			.repo_div {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-box-pack: center;
			}
			.repo_{
				height: 2em;
				line-height: 2em;
				text-align: center;
			}
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">店铺经营报表</h1>
		</header>
		<div class="mui-content">
			<!---->
			<div class="repo-card repo_div">
				<div class="repo_">
					今日收入
				</div>
				<div class="repo_" style="color: red;">
					1000
				</div>
			</div>
			<div class="repo-card repo_div">
				<div class="repo_">
					当月收入
				</div>
				<div class="repo_" style="color: red;">
					1000
				</div>
			</div>
			<div class="repo-card repo_div">
				<div class="repo_">
					交易笔数
				</div>
				<div class="repo_" style="color: red;">
					3
				</div>
			</div>

			<!---->
		</div>

		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>